<style>
	#shopass {
		position:fixed;
		bottom:10px;
		right:10px;
		width:120px;
		border: 2px solid blue;
		border-radius: 5px;
	}
	#preview {
		border: 3px dashed #c0c0c0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		color: #c0c0c0;
		padding: 2px;
	}
	#preview:hover {
		border-color: blue;
		color: blue;
	}
	#preview img {
		max-width: 110px;
		max-height: 110px;
	}
	#shopass-image {
		min-height: 25px;
		text-align: center;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		font-family: sans-serif;
		font-size: 16px;
		padding: 3px 0px 3px 0;
		max-width: 120px;
		max-height: 120px;
		font-weight: bold;
		margin: 0 3px;
	}
	#shopass-price {
		height: 24px;
		border: 2px solid #00f;
		text-align: center;
		font-family: sans-serif;
		font-size: 16px;
		padding-top: 5px;
		font-weight: bold
	}
	#shopass-price:hover {
		background-color: #c0c0c0
	}
	#shopass-save {
		font-family: sans-serif;
		font-weight: bold;
		text-align: center;
		font-size: 16px;
		padding-top: 3px;
		background:url("http://www.daysofwonder.com/up/icons/btn_add.png");
		background-repeat:no-repeat;
		background-position:left;
		padding-left:20px;
		height:35px;
		vertical-align: middle;
	}
	#shopass-save:hover {
		background-color: #c0c0c0;
		cursor: pointer
	}
	#shopass input {
		width: 100%;
		border:0;
	}

</style>

<div id="shopass">
	<form action="#">
	    <div id="shopass-image" class="image droppable">
	    	<div id="preview">
	    		Drag<br>image
	    	</div>
	    </div>
	    <div>
	   		<input id="shopass-price" type="text" placeholder="Insert price" />
	    </div>
	    <div>
	    	<input type="submit" id="shopass-save" value="Save"/>
	    </div>
    </form>
</div>

